<!DOCTYPE html>  
<html>  
  
<head>  
	<meta charset="utf-8">  
	<style>  
		.weather {  
			width: 90%;  
			overflow: hidden;  
			white-space: nowrap;  
			font-size: 24px; /* 注意：rpx 不是标准的CSS单位，这里我改为了px */  
			display: flex;  
		}  
		.weather_info {  
			animation: wordsLoop 5s linear infinite normal;  
		}  
		@keyframes wordsLoop {  
			0% {  
				transform: translateX(0);  
			}  
			100% {  
				transform: translateX(-100%);  
			}  
		}  
	</style>  
</head>  
  
<body>  
	<div class="weather">  
		<div class="weather_info">  
			富强 富强 富强 倡导自由 倡导自由 公正 公正 敬业 敬业 诚信 友善  
		</div>  
	</div>  
</body>  
  
</html>